@import "mixins/mixins";

html, body {
  .square(100%);
}

#main-container {
  .square(100%);

  .swiper-slide {
    background-color: #8e6e3f;
  }
}

@keyframes yao-1 {
  0% {
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
  }
}

@-webkit-keyframes yao-1 {
  0% {
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
  }
}

@keyframes yao-2 {
  0% {
    left: -5px
  }
  50% {
    left: 5px;
  }
  100% {
    left: -5px
  }
}

@-webkit-keyframes yao-2 {
  0% {
    left: -5px
  }
  50% {
    left: 5px;
  }
  100% {
    left: -5px
  }
}

@import "loading";
@import "page-1";
@import "page-2";
@import "page-3";
@import "page-4";

